<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./shangchuan.css">
    <link rel="stylesheet" href="./webuploader-master/css/webuploader.css">
    <!-- i8不支持jq2.0以上的版本可以支持2.0以下的版本 -->
    <script src="./webuploader-master/jekyll/js/jquery-1.10.2.min.js"></script>
    <script src="./shangchuan.js"></script>
    <script src="./webuploader-master/dist/webuploader.min.js"></script>
    <title>webuploader的使用</title>
</head>

<body>
    <div id="uploader" class="wu-example">
        <!-- 图片将要放的容器 -->
        <div class="queueList">
            <div id="dndArea" class="placeholder">
                <div id="picker"></div>
                <p>或将照片拖到这里,单此最多可选10张</p>
            </div>
        </div>
        <!-- 状态栏 -->
        <div class="statusBar" style="display:none;">
            <!-- 进度条 -->
            <div class="progress">
                <span class="text">0%</span>
                <span class="percentage"></span>
            </div>
            <!-- 文件信息 -->
            <div class="info"></div>
            <!-- 按钮栏 -->
            <div class="btns">
                <!-- 添加按钮 -->
                <div id="filePicker2"></div>
                <!-- 上传按钮 -->   
                <div class="uploadBtn">开始上传</div>
            </div>
        </div>
    </div>
</body>

</html>